<template class="body">
	<view class="container">
		<view class="buttons">
			<view class="button_a" @click="Aclock">叫</view>
			<view class="button_a" @click="Cclock">自动移动</view>
			<view class="button_a" @click="Dclock">互动</view>
			<view class="button_a" @click="Bclock">跳</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:'skill_button',
		methods: {
			do(info){
				this.$emit("onkeyclick",info)
			},
			Aclock(){
				this.do("sound")
			},
			Bclock(){
				this.do("jump")
			},
			Cclock(){
				this.do("automove")
			},
			Dclock(){
				this.do(`{"option":"hudong", "text":"哈哈哈"}`)
			}
			
			
		}
	}
</script>
	
<style>
	.body{
		position: relative;
		
	}
	.container{
		width: 100%;
		position: absolute;
		bottom: 100rpx;
		padding-top: 50rpx;
		padding-bottom: 50rpx;
		height: 100rpx;
		/* border: 2rpx solid blue; */
	}
	.buttons{
		display: flex;
		justify-content: space-between;
		height: 100%;
		padding-left: 10%;
		padding-right: 10%;
	}
	.button_a{
		text-align: center;
		padding: 20rpx 20rpx;
		line-height: 40rpx;
		height: 40rpx;
		background-color: #c2b09a;
	}
</style>